<template>
  <div class="panel-config-view column q-pr-md">
    <div class="title q-mt-md">Panels</div>
    <div class="description text-sub q-my-md">
      Customize your layout by dragging and dropping a panel or by clicking the
      plus icon.
    </div>
    <q-space />
    <div>
      <q-btn
        icon="mdi-close-circle-outline"
        flat
        dense
        color="sub"
        @click="emit('exit')"
      />
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const emit = defineEmits(['exit']);
</script>
<style lang="scss" scoped>
.panel-config-view {
  width: 205px;
  box-shadow: inset -4px 0px 6px 0px rgba(0, 0, 0, 0.32);
  .title {
    font-size: 14px;
    font-weight: 14px;
  }
}
</style>
